<template>
  <div class="video-page">
    <div
      class="backToLast"
      @click="goBacklast"
    >
      <i class="iconfont icon-arrow-left">返回</i>
    </div>
    <video
      src="https://show.pipi.cn/d40b6705vodtranscq1400253219/b6291fb15285890815553765055/v.f46284.mp4"
      poster="https://img.meituan.net/kylisean/8d7312d8398a7f7a85f62f7e74c50a1e583724.jpg"
      class="video-content"
      autoplay="autoplay"
      controls="controls"
    >
    </video>
  </div>
</template>
<script>
export default {
  data: () => ({}),
  methods: {
    goBacklast() {
      this.$router.go(-1)
    }
  }
}
</script>
<style lang="scss" scoped>
.backToLast {
  // width: 20%;
  width: 56px;
  min-width: 56px;
  height: 1.5rem;
  background-color: #b4b5b6;
  text-align: left;
  border-radius: 0.5rem;
  margin: 0.3rem;
}
.video-page {
  overflow: hidden;
  background: #000;
  position: relative;
  width: 100%;
  height: 100vh;
  .video-content {
    position: absolute;
    margin: auto;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
</style>
